/**
 * Created by lcfevr on 2018/5/3.
 */
$(function () {
    var thumbnailWidth = 100;   //缩略图高度和宽度 （单位是像素），当宽高度是0~1的时候，是按照百分比计算，具体可以看api文档
    var thumbnailHeight = 100;
    //上传图片
    var uploader_img = WebUploader.create({

        auto: true,                                         //自动上传
        swf: '',     // swf文件路径
        server: 'http://www.zhihu.com',                    // 文件接收服务端。
        pick: '#picker_img',                                     // 选择文件的按钮。可选。
        accept: {
            title: 'Images',
            extensions: 'gif,jpg,jpeg,bmp,png',
            mimeTypes: 'image/*'
        },
        fileNumLimit: 1,                              //最大上传数量为10
        fileSingleSizeLimit: 2 * 1024 * 1024,         //限制上传单个文件大小2M
        fileSizeLimit: 10 * 1024 * 1024,              //限制上传所有文件大小10M
        resize: false ,                                 // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
        duplicate: true
    });

    //上传前的判断处理
    uploader_img.on('error', function( type ){
        console.log(type);
        if ( type === 'Q_EXCEED_SIZE_LIMIT') {
            alert('图片过大')
        }
        if ( type === 'Q_EXCEED_NUM_LIMIT' ) {
            alert('最多允许上传1张图片');
        }
        if ( type === 'F_DUPLICATE' ) {
            alert('不能重复上传！');
        }
        if (type=="Q_TYPE_DENIED"){
            alert("请上传gif,jpg,jpeg,bmp,png格式的图片");
        }else if(type=="F_EXCEED_SIZE"){
            alert("图片大小不能超过2M");
        }
    });

    // 当有文件被添加进队列的时候
    var $list_img = $("#uploader_img"),$img;
    uploader_img.on( 'fileQueued', function( file ) {
        $img = $list_img.find('img');
        $list_img.append( '<div id="' + file.id + '-img' + '" class="file_item">' +
            '<img src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1525859149&di=f38ec4017948cf9bb4032dab06794b85&src=http://img.zcool.cn/community/01528a58e2342aa801219c77dd43a3.jpg">' +
            '<a class="webuploadDelbtn_img">X</a><br/>' +
            '</div>' );

        // 创建缩略图
        // 如果为非图片文件，可以不用调用此方法。
        // thumbnailWidth x thumbnailHeight 为 100 x 100
        /*uploader_img.makeThumb( file, function( error, src ) {   //webuploader方法
            if ( error ) {
                $img.replaceWith('<span>不能预览</span>');
                return;
            }
            console.log(src);
            $img.attr( 'src', src );
        }, thumbnailWidth, thumbnailHeight );*/
    });

    /*//点击开始上传
     $("#ctlBtn").on( 'click', function() {
     uploader.upload();
     });*/

    // 文件上传过程中创建进度条实时显示。
    /*uploader_img.on( 'uploadProgress', function( file, percentage ) {
        var $li_img = $( '#'+file.id+'-img' ),
            $percent = $li_img.find('.progress .progress-bar');

        // 避免重复创建
        if ( !$percent.length ) {
            $percent = $('<div class="progress active">' +
                '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                '</div>' +
                '</div>').appendTo( $li_img ).find('.progress-bar');
        }
        $li_img.find('p.state').text('上传中');

        $percent.css( 'width', percentage * 100 + '%' );
    });*/


    //文件成功、失败处理
    uploader_img.on( 'uploadSuccess', function( file ) {
        // $( '#'+file.id+'-img' ).find('p.state').text('已上传');
        // $( '#'+file.id ).find('a.webuploadDelbtn').remove();
    });
    //上传错误
    uploader_img.on( 'uploadError', function( file ) {
        // $( '#'+file.id+'-img'  ).find('p.state').text('上传出错');
    });
    //上传完成
    uploader_img.on( 'uploadComplete', function( file ) {
        console.log(file);
        // $( '#'+file.id ).find('.progress').fadeOut();
    });

    //删除
    $list_img.on("click", ".webuploadDelbtn_img", function () {
        var $ele = $(this);
        var id = $ele.parent().attr("id");
        var reg = new RegExp("-img","g");
        var id_img = id.replace(reg,"");

        var file = uploader_img.getFile(id_img);
        console.log(uploader_img.getFile(id_img));

        uploader_img.removeFile(file,true);
    });

    //删除时执行的方法
    uploader_img.on('fileDequeued', function (file) {
        $(file.id).remove();
        // $('#'+file.id+'-img' ).find('span.state').text('已经取消');
        $('#'+file.id+'-img' ).hide();
        console.log("remove");
    });





    //初始化Web Uploader
    var uploader = WebUploader.create({

        auto: true,                                         //自动上传
        swf: '',     // swf文件路径
        server: 'http://www.baidu.com',                    // 文件接收服务端。
        pick: '#picker',                                     // 选择文件的按钮。可选。
        accept: {
            title: 'Files',
            extensions: 'pdf,doc,docx,zip,rar,gif,jpg,jpeg,bmp,png,txt',
            // mimeTypes: 'image/*,application/zip,application/txt,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'
        },
        fileNumLimit: 5,                              //最大上传数量为10
        fileSingleSizeLimit: 2 * 1024 * 1024,         //限制上传单个文件大小2M
        fileSizeLimit: 10 * 1024 * 1024,              //限制上传所有文件大小10M
        resize: false                                  // 不压缩image, 默认如果是jpeg，文件上传前会压缩一把再上传！
    });

    //上传前的判断处理
    uploader.on('error', function( type ){
        console.log(type);
        if ( type === 'Q_EXCEED_SIZE_LIMIT') {
            alert('文件过大')
        }
        if ( type === 'Q_EXCEED_NUM_LIMIT' ) {
            alert('最多允许上传5个文件');
        }
        if ( type === 'F_DUPLICATE' ) {
            alert('不能重复上传！');
        }
        if (type=="Q_TYPE_DENIED"){
            alert("请上传pdf,doc,docx,zip,rar,gif,jpg,jpeg,bmp,png,txt格式文件");
        }else if(type=="F_EXCEED_SIZE"){
            alert("文件大小不能超过2M");
        }
    });

    // 当有文件被添加进队列的时候
    var $list = $("#uploader");
    uploader.on( 'fileQueued', function( file ) {
        $list.append( '<div id="' + file.id + '" class="file_item">' +
            '<h4 class="info">' + file.name + '</h4>' +
            '<p class="state">等待上传...</p>' +
            '<a class="webuploadDelbtn">删除</a><br/>' +
            '</div>' );
    });

    /*//点击开始上传
    $("#ctlBtn").on( 'click', function() {
        uploader.upload();
    });*/

    // 文件上传过程中创建进度条实时显示。
    uploader.on( 'uploadProgress', function( file, percentage ) {
        var $li = $( '#'+file.id ),
            $percent = $li.find('.progress .progress-bar');

        // 避免重复创建
        if ( !$percent.length ) {
            $percent = $('<div class="progress active">' +
                '<div class="progress-bar" role="progressbar" style="width: 0%">' +
                '</div>' +
                '</div>').appendTo( $li ).find('.progress-bar');
        }
        $li.find('p.state').text('上传中');

        $percent.css( 'width', percentage * 100 + '%' );
    });


    //文件成功、失败处理
    uploader.on( 'uploadSuccess', function( file ) {
        $( '#'+file.id ).find('p.state').text('已上传');
        // $( '#'+file.id ).find('a.webuploadDelbtn').remove();
    });
    //上传错误
    uploader.on( 'uploadError', function( file ) {
        $( '#'+file.id ).find('p.state').text('上传出错');
    });
    //上传完成
    uploader.on( 'uploadComplete', function( file ) {
        console.log(file);
        // $( '#'+file.id ).find('.progress').fadeOut();
    });

    //删除
    $list.on("click", ".webuploadDelbtn", function () {
        var $ele = $(this);
        var id = $ele.parent().attr("id");
        console.log(id,'file');
        var file = uploader.getFile(id);
        console.log(uploader.getFile(id));
        uploader.removeFile(file,true);
    });

    //删除时执行的方法
    uploader.on('fileDequeued', function (file) {
        $(file.id).remove();
        $('#'+file.id ).find('span.state').text('已经取消');
        $('#'+file.id).hide();
        console.log($(file.id));
        console.log("remove");
    });







    $('.js__checkbox input').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue',
        increaseArea: '20%' // optional

    })
    $('.js__checkbox input[type=radio]').on('ifChecked', function(e){
        // console.log(e);
        if (e.currentTarget.id == 'YES1') {
            $('.checkbox_yes').addClass('yes_active')
        } else {
            $('.checkbox_yes').removeClass('yes_active')
        }
    });
    $('.js__checkbox #Other').on('ifToggled', function(e){
        // console.log(e);
        if (e.target.checked) {
            $('.other_text').addClass('active')
        } else {
            $('.other_text').removeClass('active')
        }
    });
    $('#companyInput').ajaxForm({
        beforeSubmit: function(e) {
            // console.log(e);
        },
        success: function (e) {
            // console.log(e);
        }
    })
    //上传 编辑的时候点击删除dom节点
    $(".remove_item").click(function () {
        $(this).parent($('.file_item')).remove()
    })
    /*$(".btn_edit").click(function () {
        if ($('.js__name').val() == '') {
            $('.company_name .item_wrong').addClass('active')
        } else {
            $('.company_name .item_wrong').removeClass('active')
        }
        if($('.js__address').val() == '') {
            $('.address_input .item_wrong').addClass('active')
        } else {
            $('.address_input .item_wrong').removeClass('active')
        }
        if($('.js__city').val() == '') {
            $('.city_input .item_wrong').addClass('active')
        } else {
            $('.city_input .item_wrong').removeClass('active')
        }
        if($('.js__state').val() == '') {
            $('.state_input .item_wrong').addClass('active')
        } else {
            $('.state_input .item_wrong').removeClass('active')
        }
        if($('.js_zipcode').val() == '') {
            $('.zipcode_input .item_wrong').addClass('active')
        } else {
            $('.zipcode_input .item_wrong').removeClass('active')
        }

    })*/
})
